<div class="voice-component" *ngIf="voiceStatus&&audioStatus">
    <div class="voice-bg">
        <div class="voice-time">
            <p>
                <span>松开结束录音</span>
                <img src="./assets/images/client/client-note/icon_notes_voice.png" alt="">
                <i>{{voiceLength}}</i>
            </p>
        </div>
    </div>
</div>
<!--录音按钮1-->
<!--<ion-fab bottom left class="left-btn bottom-btn" *ngIf="audioStatus&&audioBtn==1" >
    <div style="width: 100vw;bottom:0;left: 0;overflow:hidden;">
        <button ion-fab style="display: none"></button>
        <div (click)="switchType($event,2)" *ngIf="noteType==1" class="switch-btn">
            <img src="./assets/images/client/client-note/Recording_96.png" alt="">
        </div>
        <div (click)="switchType($event,1)" *ngIf="noteType==2" class="switch-btn">
            <img src="./assets/images/client/client-note/icon_keyboard_96.png" alt="">
        </div>
        <button *ngIf="noteType==1" (click)="goToEdit(page)" class="edit-btn word">
            请输入内容......
        </button>
        <div *ngIf="noteType==2" (press)="startRecord($event)"  (touchstart)="touchstart($event)" (touchmove)="touchmove($event)" (touchend)="stopRecord($event)" (touchcancel)="touchcancel($event)" [class.active]="voiceStatus"  class="edit-btn voice">
            <span class="default">按住 说话</span>
            <span class="active">松开 结束</span>
        </div>
    </div>
</ion-fab>-->

<!--录音按钮2-->
<ion-fab bottom right class="voice-record-btn" [class.iphoneX]="isiPhoneX" *ngIf="audioStatus&&audioBtn==2">
    <button ion-fab style="display: none"></button>
    <button (press)="startRecord($event)"  (touchstart)="touchstart($event)" (touchmove)="touchmove($event)" (touchend)="stopRecord($event)" (touchcancel)="touchcancel($event)" [class.active]="voiceStatus">
        <span class="default">按住 说话</span>
        <span class="active">松开 结束</span>
    </button>
</ion-fab>
